<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>媒体首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/see/mediaHome.min.css?v=<%=$version%>">
</head>
<body>
<div id="mediaHome" v-cloak>
    <div class="mediaHome-top">
        <div class="mediaHome-topTop">
            <div class="topTop-bg" :style="bgimg(userInfo.background)"></div>
            <div class="topTop-img"></div>
            <div class="topTop-icon" :style="bgimg(userInfo.headImg)"></div>
            <h5>{{userInfo.companyName}}</h5>
            <p>{{userInfo.introduce}}</p>
        </div>
        <ul class="mediaHome-topCent">
           <li>
               <strong>{{userInfo.allCount}}</strong>
               <span>视频总数</span>
           </li>
           <li class="topCent-licent">
               <strong>{{userInfo.followCount}}</strong>
               <span>粉丝</span>
           </li>
           <li>
               <strong>{{userInfo.playCount/10000}}万</strong>
               <span>总浏览量</span>
           </li>
        </ul>
        <div class="mediaHome-topBtn">
            <a class="mr-2" v-show="followState==0" @click="getFollowAdd()">＋<span>关注</span></a>
            <a class="mr-2 topBtn-follow" v-show="followState==1" @click="getFollowDelete()"></a>
            <a>发消息</a>
        </div>
    </div>
    <div class="mediaHome-cent">
        <h4 class="index-title clearfix"><strong>渠道合作</strong><a>招聘<span>/</span>采购</a></h4>
    </div>
    <div class="mediaHome-butt">
        <div class="butt-tab clearfix">
            <a @click="tabSwitch(1)"><span :class="{active:(indexs==1)}">简介</span></a>
            <a @click="tabSwitch(2)"><span :class="{active:(indexs==2)}">视频</span></a>
            <a @click="tabSwitch(3)"><span :class="{active:(indexs==3)}">图集</span></a>
            <a @click="tabSwitch(4)"><span :class="{active:(indexs==4)}">产品</span></a>
        </div>
        <div class="butt-screen" v-show="indexs!==1">
            <span class="butt-screenDefault" :class="{active:(data.sortId=='rank')}" @click="tabSort(0)">
                默认排序
                <span v-show="data.sortValue=='asc'">↑</span>
                <span v-show="data.sortValue=='desc'">↓</span>
            </span>
            <span class="butt-screenDefault" :class="{active:(data.sortId=='play_count'||data.sortId=='view_count')}" @click="tabSort(1)">
                最多浏览
                <span v-show="data.sortValue=='asc'">↑</span>
                <span v-show="data.sortValue=='desc'">↓</span>
            </span>
            <span class="butt-screenDefault" :class="{active:(data.sortId=='create_date')}" @click="tabSort(2)">
                最新上传
                <span v-show="data.sortValue=='asc'">↑</span>
                <span v-show="data.sortValue=='desc'">↓</span>
            </span>
        </div>
        <div class="tabList-introduce" v-show="indexs==1">
            <p><strong>公司名称</strong><span>{{userInfo.companyName}}</span></p>
            <p><strong>公司地址</strong><span>{{userInfo.address}}</span></p>
            <p><strong>联系电话</strong><span>{{userInfo.tel}}</span></p>
            <div class="tabList-introduceZH">
                <strong>综合介绍</strong>
                <!--<p></p>-->
                <img class="lazy" :data-original="userInfo.introduction">
            </div>
        </div>
        <div class="index-list" v-show="indexs==2">
            <template>
                <index-list :list="userAdvList2" :number="1"></index-list>
            </template>
        </div>
        <div class="tabList-atlas" v-show="indexs==3">
            <div class="tabList-atlasList" v-for="item in allAlbumByUserId2">
                <img class="atlasList-slide lazy" :data-original="item.coverPhoto">
                <div class="atlasList-title">{{item.name}}<span class="heart-icon">{{item.viewCount}}</span></div>
            </div>
        </div>
        <div class="tabList-product" v-show="indexs==4">
            <div class="tabList-productList clearfix" v-for="item in allProductByUserId2">
                <img class="productList-img lazy" :data-original="item.imgSrc">
                <div class="productList-right">
                    <h6>{{item.title}}</h6>
                    <p>{{item.subtitle}}</p>
                    <template v-if="item.state==1">
                        <div >已预约<span>{{item.preorderNum}}</span>人</div>
                        <a class="productList-btn1">预约</a>
                    </template>
                    <template v-if="item.state==2">
                        <div >已购买<span>{{item.orderNum}}</span>人</div>
                        <a class="productList-btn2">购买</a>
                    </template>
                </div>
            </div>
            <!--<div class="tabList-productList clearfix">-->
                <!--<div class="productList-img"></div>-->
                <!--<div class="productList-right">-->
                    <!--<h6>产品标题，16字内</h6>-->
                    <!--<p>副标题12字内</p>-->
                    <!--<div>已购买<span>111</span>人</div>-->
                    <!--<a class="productList-btn2">购买</a>-->
                <!--</div>-->
            <!--</div>-->
        </div>
        <div class="loadtip" v-if="loadFlag"></div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/see/mediaHome.js?v=<%=$version%>"></script>
<script>
    $("img.lazy").lazyload();
</script>
</body>
</html>